@import "~bootstrap/scss/bootstrap";
@import "~bootstrap/scss/mixins";

.agreement-container {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
}

dl.row {
    dt {
        font-weight: $font-weight-normal;

        @include make-col-ready();
        @include media-breakpoint-up('md') {
            @include make-col(3);
        }
    }
    dd {
        padding-bottom: 0.5rem;

        @include make-col-ready();
        @include media-breakpoint-up('md') {
            @include make-col(9);
        }
    }
}

li {
    padding-bottom: 0.75rem;
}
